<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>appinfodetail</title>
  <link rel="stylesheet" href="../../../css/element-ui/index.css">
  <!-- <script src="https://cdn.jsdelivr.net/npm/vue"></script> -->
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <script src="../../../js/lib/elementui//lib/index.js"></script>
  <link rel="stylesheet" href="../../../css/common.css">
  <link rel="stylesheet" href="./css/appdetail.css">
</head>

<body>
  <div id="app">
    <el-container>
      <el-main>
        <el-form ref="form" :model="form" label-width="80px">
          <el-form-item label="图标：" class="iconurl">
            <img v-bind:src="form.iconurl" alt="" srcset="">
          </el-form-item>
          <el-form-item label="名称：">
            {{form.appname}}
          </el-form-item>
          <el-form-item label="上架人：">
            {{form.operateusername}}
          </el-form-item>
          <el-form-item label="地址：">
            {{form.appurl}}
          </el-form-item>
          <el-form-item label="简介：">
            {{form.remark}}
          </el-form-item>
          <el-form-item>
            <el-button v-if="form.collect === false" type="primary" @click="appdetailadd">添加收藏</el-button>
            <el-button v-else type="warning" @click="appdetaildelete">取消收藏</el-button>
            <el-button type="danger" @click="closepage">关闭</el-button>
          </el-form-item>
        </el-form>
      </el-main>
    </el-container>

  </div>
</body>
<script src="./js/appinfodetail.js"></script>

</html>
